<template>
   <RecycleScrollerView :list="statusList"  ></RecycleScrollerView>

</template>

<script setup lang="ts">
import { ref } from 'vue';
import  { inject } from 'vue';
import RecycleScrollerView from "./RecycleScrollerView.vue";
const searchQuery = inject('searchQuery');
const handleScroll = (event) => {
  event.stopPropagation(); // 阻止事件冒泡
  event.preventDefault(); // 阻止默认滚动行为
};


// 定义状态数据
const statusList = ref([
  { name: '服务主机：Windows更新', status: 23, cpu: 66, disk: '1%', network: '0Mbps' },
  { name: 'wsappx', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'NodejsJavaScriptRuntime', status: 0, cpu: 1.5, disk: '0MB/秒', network: '0Mbps' },
  { name: 'Microsoft Windows Search', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: '适用于Linux的Windows子...', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: '搜狗输入法AI狂仔（32位）', status: 0.1, cpu: 0.3, disk: '0MB/秒', network: '0Mbps' },
  { name: 'WebView2管理器', status: 0, cpu: 0.7, disk: '0.1MB/秒', network: '0Mbps' },
  { name: '终端', status: 0.2, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'Tabby', status: 0, cpu: 0.4, disk: '0.1MB/秒', network: '0Mbps' },
  { name: 'NVIDIA Container', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'NetEase Cloud Music', status: 0.6, cpu: 1.1, disk: '0.1MB/秒', network: '0Mbps' },
  { name: '向日葵远程控制64位', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'WebView2管理器', status: 0, cpu: 0.7, disk: '0.1MB/秒', network: '0Mbps' },
  { name: '终端', status: 0.2, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'Tabby', status: 0, cpu: 0.4, disk: '0.1MB/秒', network: '0Mbps' },
  { name: 'NVIDIA Container', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
  { name: 'NetEase Cloud Music', status: 0.6, cpu: 1.1, disk: '0.1MB/秒', network: '0Mbps' },
  { name: '向日葵远程控制64位', status: 0, cpu: 0.1, disk: '0MB/秒', network: '0Mbps' },
]);


</script>
